/**
* name: details-recruitment.css
* author: wxr
* addTime: 2017.03.10
* editTime:
* description: 残友生涯详情样式
*
***/

/********************************
****** name: details-recruitment
*********************************/
.technique-banner {
	height: 226px;
	margin: 101px 0 0;
	padding: 74px 0 0;
	text-align: center;
	text-align: center;
	background: url(../image/details-recruitment/technical-banner.jpg) no-repeat center center;
}

.technique-banner h3 {
	font-family: "Microsoft Yahei";
	font-size: 35px;
	font-weight: bold;
	color: #fff;
}

.technique-banner h5 {
	margin: 14px 0 0;
	font-family: "Microsoft Yahei";
	font-size: 25px;
	font-weight: bold;
	color: #fff;
}

/********technique-banner end***************/

.dynamic-state {
	margin: 0 auto;
	border-bottom: solid 1px #d9d9d9;
}

.dynamic-state .condition ul {
	margin: 0 auto;
	width: 1200px;
	height: 135px;
}

.dynamic-state .condition ul li {
	float: left;
	margin: 0 115px 0 0;
	cursor: pointer;
}

.dynamic-state .condition ul li a {
	color: #6a6a6a;
}

.dynamic-state .condition ul li a:hover {
	color: #bb0943;
}
.dynamic-state .condition ul li.selected a {
	color: #bb0943;
}
.dynamic-state .condition ul li .fimg {
	float: left;
	width: 75px;
	height: 75px;
	margin: 31px 0 0;
	background: url(../image/details-recruitment/shan-kai.png);
}
.dynamic-state .condition ul li.js-on .fimg{
	background: url(../image/details-recruitment/shan-kai-hover.png);
}
.dynamic-state .condition ul li .font {
	float: left;
	font-family: "Microsoft Yahei";
	font-size: 20px;
	font-weight: bold;
	color: #6a6a6a;
	margin-top: 57px;
	margin-left: 15px;
}
/********dynamic-state end***************/

.media-coverage {
	margin: 0 auto;
	background: #f9f9f9;
}

.media-coverage .details {
	margin: 0 auto;
	width: 1200px;
	height: 169px;
	background: #f9f9f9;
	border-bottom: solid 1px #d9d9d9;
	padding-top: 40px;
	cursor: pointer;
}

.media-coverage .details .datetime {
	float: left;
	width: 140px;
	height: 140px;
	background: #dfdfdf;
}

.media-coverage .blove .datetime {
	background: #3179cb;
}

.media-coverage .details .datetime .number {
	display: block;
	font-family: "Microsoft Yahei";
	font-size: 48px;
	font-weight: bold;
	color: #6a6a6a;
	margin-top: 20px;
	margin-left: 40px;
	border-bottom: solid 1px #a7a7a7;
	width: 68px;
	text-align: center;
}

.media-coverage .blove .datetime .number {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.media-coverage .details .datetime .date {
	display: block;
	font-family: "Microsoft Yahei";
	font-size: 18px;
	color: #6a6a6a;
	margin-top: 10px;
	margin-left: 38px;
}

.media-coverage .blove .datetime .date {
	color: #fff;
}

.media-coverage .details .news {
	float: left;
	margin-left: 30px;
}

.media-coverage .details .news img {
	width: 186px;
	height: 140px;
}

.media-coverage .details .cont {
	float: left;
}

.media-coverage .details .cont .cont-title {

}

.media-coverage .details .cont .cont-title a.title {
	float: left;
	font-family: "Microsoft Yahei";
	font-size: 20px;
	color: #333;
	margin-left: 30px;
}

.media-coverage .blove .cont .cont-title a.title {
	color: #bb0943;
}

.media-coverage .details .cont .cont-title a.title:hover {
	color: #bb0943;
}

.media-coverage .details .cont .cont-title a.more {
	float: right;
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #dd3169;
	font-family: "SimSun";
	font-size: 12px;
	border: solid 1px #bb0943;
}

/*.media-coverage .blove .cont .cont-title a.more {
	color: #bb0943;
}*/

.media-coverage .details .cont .cont-title a.more:hover {
	color: #fff;
	background: #bb0943;
}

.media-coverage .details .cont .substance a {
	display: block;
	width: 814px;
	font-family: "SimSun";
	font-size: 14px;
	color: #666666;
	margin-top: 30px;
	margin-left: 30px;
	line-height: 28px;
	text-indent: 2em;
	letter-spacing: 0.52px;
}

.media-coverage .blove .cont .substance a {
	color: #bb0943;
}

.media-coverage .details .cont .substance a:hover {
	color: #bb0943;
}

.media-coverage .number {
	margin: 0 auto;
	width: 1200px;
	margin-top: 30px;
}

.media-coverage .number .code {
	float: left;
	width: 40px;
	height: 40px;
	background-color: #dfdfdf;
	margin-left: 355px;
}

.media-coverage .number .code img {
	float: left;
	width: 7px;
	height: 13px;
	margin-top: 14px;
	margin-left: 17px;
}

.media-coverage .number .ones {
	float: left;
	width: 40px;
	height: 40px;
	background-color: #dfdfdf;
	margin-left: 10px;
}

.media-coverage .number .ones a {
	float: left;
	font-family: "SimSun";
	font-size: 14px;
	color: #666666;
	margin-top: 14px;
	margin-left: 17px;
}

.media-coverage .number .twos {
	float: left;
	width: 40px;
	height: 40px;
	background-color: #bb0943;
	margin-left: 10px;
}

.media-coverage .number .twos a {
	float: left;
	font-family: "SimSun";
	font-size: 14px;
	color: #fff;
	margin-top: 14px;
	margin-left: 17px;
}

.media-coverage .number .litle {
	float: left;
	width: 40px;
	height: 40px;
	background-color: #dfdfdf;
	margin-left: 10px;
}

.media-coverage .number .litle a {
	float: left;
	font-family: "SimSun";
	font-size: 14px;
	color: #666666;
	margin-top: 14px;
	margin-left: 12px;
}

.media-coverage .number .ones .twenty {
	float: left;
	font-family: "SimSun";
	font-size: 14px;
	color: #666666;
	margin-top: 14px;
	margin-left: 12px;
}

.m-page {
	margin: 30px 0 0;
	padding: 0 0 50px;
	text-align: center;
	line-height: 40px;
	font-size: 0;
	letter-spacing: -0.307em;
	word-wrap: normal;
	white-space: nowrap;
	color: #333;
}

.m-page a,
.m-page i {
	display: inline-block;
	vertical-align: top;
	padding: 0 16px;
	margin: 0 10px 0 0;
	margin-left: -1px;
	font-size: 14px;
	color: #333;
	letter-spacing: normal;
	background: #dfdfdf;
}

.m-page a,
.m-page a:hover {
	text-decoration: none;
}

.m-page a:first-child {
	margin-left: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.m-page a:last-child {
	margin-right: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.m-page a.pageprv:before,
.m-page a.pagenxt:after {
	font-weight: bold;
	font-family: \5b8b\4f53;
	vertical-align: top;
}

.m-page a.pageprv:before {
	margin-right: 3px;
	content: '\3C';
}

.m-page a.pagenxt:after {
	margin-left: 3px;
	content: '\3E';
}

.m-page a:hover {
	color: #fff;
	background: #bb0943;
}

.m-page a:active {
	color: #fff;
	background: #bb0943;
}

.m-page a.z-crt,
.m-page a.z-crt:hover,
.m-page a.z-crt:active {
	cursor: default;
	color: #fff;
	background: #bb0943;
}

/*.m-page a.z-dis,
.m-page a.z-dis:hover,
.m-page a.z-dis:active {
	cursor: default;
	color: #fff;
	background: #bb0943;
}*/


/********************************
****** name: press-cont
*********************************/
.press-cont {
	margin: 0 auto;
	height: 1100px;
	background: #f9f9f9;
}

.press-cont .details {
	margin: 0 auto;
	width: 1200px;
	height: 1159px;
}

.press-cont .details .headline {
	padding-top: 40px;
}

.press-cont .details .headline span {
	margin: 0 auto;
	font-family: "Microsoft Yahei";
	font-size: 20px;
	font-weight: bold;
	margin-left: 485px;
}

.press-cont .details .times {
	font-family: "SimSun";
	font-size: 12px;
	line-height: 40px;
	margin-left: 490px;
}

.press-cont .details .tie a:hover {
	color: #bb0943;
}

.press-cont .details .tie {
	font-family: "SimSun";
	font-size: 12px;
	line-height: 40px;
	margin-left: 20px;
}

.press-cont .details .article h2 {
	display: block;
    font-family: "Microsoft Yahei";
	font-size: 18px;
	color: #333333;
	margin: 42px 0 42px 0;
}

.press-cont .details .article p {
	font-family: "Microsoft Yahei";
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	margin-top: 42px;
	text-indent: 2em;
	letter-spacing: 0.52px;
}

.press-cont .details .related {
	margin-top: 44px;
}

.press-cont .details .related ul li a:hover {
	color: #bb0943;
}

.press-cont .details .related ul li {
	font-family: "Microsoft Yahei";
	font-size: 18px;
	line-height: 30px;
}

.press-cont .details .shares {
	margin-top: 44px;
}

.press-cont .details .shares ul .sherep {
	float: left;
	font-family: "SimSun";
	font-size: 14px;
	color: #666666;
	margin-top: 4px;
}

.press-cont .details .shares ul .enter img {
	float: left;
}

.press-cont .details .shares ul .into img {
	float: left;
	margin-left: 5px;
}

.press-cont .ctuate ul li a:hover {
	color: #bb0943;
}

.press-cont .ctuate ul li .last {
	float: left;
	margin-top: 20px;
	width: 1200px;
	height: 40px;
	font-family: "SimSun";
	font-size: 14px;
	color: #666666;
	border: solid 1px #e0e0e0;
	border-left: none;
	border-right: none;
	border-bottom: none;
	line-height: 60px;
}

.press-cont .ctuate ul li .next {
	float: left;
	font-family: "SimSun";
	font-size: 14px;
	color: #666666;
	margin-top: 16px;
}

div span.current{ padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px; }
div span.disabled{ padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px; }
